<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <meta name="wap-font-scale" content="no">
    <meta content="telephone=no" name="format-detection">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>滚滚筹-首页</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/common.min.css">
    <link rel="stylesheet" href="css/base.min.css">
</head>
<body class="isHide">
<div class="wrap height top bto">
    <div class="header">
        <div class="left">
            <a href="register-login.html">
                <i class="sprite icon-warn"></i>
                <em class="tag red"></em>
            </a>
        </div>
        <div class="mid">
            <label class="logo"><img src="img/logo.png"></label>
        </div>
        <div class="right">
            <a href="help.html">
                <i class="sprite icon-help"></i>
            </a>
        </div>
    </div>
    <div class="wrap height overflow">
        <div class="overflow-box">
            <div class="banner">
                <div class="swiper-container" id="banner">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide ">
                            <a href="#">
                                <img class="swiper-lazy" data-src="img/banner1.jpg"
                                     src="img/banner-def.jpg">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <img class="swiper-lazy" data-src="img/banner1.jpg"
                                     src="img/banner-def.jpg">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="nav">
                <div class="fb-box-list">
                    <ul class="row-4 clearfix">
                        <li>
                            <a class="active" href="safe.html">
                                <em><img src="img/m-icon1.png"></em>
                                <span>安全保障</span>
                            </a>
                        </li>
                        <li>
                            <a class="" href="javascript:;" id="sign">
                                <em><img src="img/m-icon2.png"><i class="sign-tag"></i></em>
                                <span>签到</span>
                            </a>
                        </li>
                        <li>
                            <a class="" href="integral.html">
                                <em><img src="img/m-icon3.png"><i class="sprite icon-hot"></i></em>
                                <span>积分</span>
                            </a>
                        </li>
                        <li>
                            <a class="" href="ticket.html">
                                <em><img src="img/m-icon4.png"></em>
                                <span>领券中心</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <a class="lottery-img" href="lottery.html"><img class="fb-img-box" src="img/lottery.png"></a>
            </div>
            <div class="tag line gray"></div>
            <div class="product">
                <div class="fb-module">
                    <div class="m-title">
                        <span>成功案例</span>
                        <a class="fr tc-user" href="list.html">更多</a>
                    </div>
                    <div class="m-cont">
                        <div class="fb-list">
                            <div class="item">
                                <a href="details.html">
                                    <i class="sprite-state icon-sale state1"></i>
                                    <label class="pro-img"><img src="img/product.jpg"></label>
                                    <div class="pro-intro">
                                        <label class="pro-name tm-clamp tc-333 fs-15"><em class="tc-user">第十期</em>
                                            凯迪拉克ATS-L2017款技术型项目</label>
                                        <span class="pro-time tm-ellipsis tc-999 fs-12">2017-08-01 23:00:00 截止</span>
                                        <label class="pro-money clearfix fs-12">
                                            <span class="fl tc-999">
                                                <em>全筹金额：</em>
                                                <em>¥ 1,218,800</em>
                                            </span>
                                            <span class="fl tc-ff3d3d">
                                                <em>已认筹：</em>
                                                <em>¥ 1,218,800</em>
                                            </span>
                                        </label>
                                    </div>
                                </a>
                                <div class="progress-bar">
                                    <div class="fb-progress gradient fb-radius-3">
                                        <span class="runner"></span>
                                    </div>
                                    <label class="progress-intro clearfix">
                                        <span class="fl">12名支持者</span>
                                        <span class="fr tc-user">当前进度<em class="meter">65%</em></span>
                                    </label>
                                </div>
                            </div>

                            <div class="item">
                                <a href="details.html">
                                    <i class="sprite-state icon-sale state2"></i>
                                    <label class="pro-img"><img src="img/product.jpg"></label>
                                    <div class="pro-intro">
                                        <label class="pro-name tm-clamp tc-333 fs-15"><em class="tc-user">第十期</em>
                                            凯迪拉克ATS-L2017款技术型项目</label>
                                        <span class="pro-time tm-ellipsis tc-999 fs-12">2017-08-01 23:00:00 截止</span>
                                        <label class="pro-money clearfix fs-12">
                                            <span class="fl tc-999">
                                                <em>全筹金额：</em>
                                                <em>¥ 1,218,800</em>
                                            </span>
                                            <span class="fl tc-ff3d3d">
                                                <em>已认筹：</em>
                                                <em>¥ 1,218,800</em>
                                            </span>
                                        </label>
                                    </div>
                                </a>
                                <div class="progress-bar">
                                    <div class="fb-progress gradient fb-radius-3">
                                        <span class="runner"></span>
                                    </div>
                                    <label class="progress-intro clearfix">
                                        <span class="fl">12名支持者</span>
                                        <span class="fr tc-user">当前进度<em class="meter">35%</em></span>
                                    </label>
                                </div>
                            </div>

                            <div class="item">
                                <a href="details.html">
                                    <i class="sprite-state icon-sale state3"></i>
                                    <label class="pro-img"><img src="img/product.jpg"></label>
                                    <div class="pro-intro">
                                        <label class="pro-name tm-clamp tc-333 fs-15"><em class="tc-user">第十期</em>
                                            凯迪拉克ATS-L2017款技术型项目</label>
                                        <span class="pro-time tm-ellipsis tc-999 fs-12">2017-08-01 23:00:00 截止</span>
                                        <label class="pro-money clearfix fs-12">
                                            <span class="fl tc-999">
                                                <em>全筹金额：</em>
                                                <em>¥ 1,218,800</em>
                                            </span>
                                            <span class="fl tc-ff3d3d">
                                                <em>已认筹：</em>
                                                <em>¥ 1,218,800</em>
                                            </span>
                                        </label>
                                    </div>
                                </a>
                                <div class="progress-bar">
                                    <div class="fb-progress gradient fb-radius-3">
                                        <span class="runner"></span>
                                    </div>
                                    <label class="progress-intro clearfix">
                                        <span class="fl">12名支持者</span>
                                        <span class="fr tc-user">当前进度<em class="meter">100%</em></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="fb-box-list">
            <ul class="row-4 clearfix">
                <li>
                    <a class="active" href="index.html">
                        <i class="sprite ft-icon1"></i>
                        <span>首页</span>
                    </a>
                </li>
                <li>
                    <a class="" href="list.html">
                        <i class="sprite ft-icon2"></i>
                        <span>众筹</span>
                    </a>
                </li>
                <li>
                    <a class="" href="wallet.html">
                        <i class="sprite ft-icon3"></i>
                        <span>钱包</span>
                    </a>
                </li>
                <li>
                    <a class="" href="personal.html">
                        <i class="sprite ft-icon4"></i>
                        <span>我的</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<script type="text/template" id="couponBox">
    <div class="coupon-bar">
        <div class="item clearfix blue">
            <i class="tag gray big"></i>
            <i class="tag gray big"></i>
            <div class="fl">
                <span>50</span>
                <em>积分</em>
            </div>
            <div class="fr">
                <label class="small">小积分大用处</label>
                <label class="small">可在认筹时进行抵扣或者用于抽奖</label>
            </div>
        </div>
        <div class="item clearfix red">
            <i class="tag gray big"></i>
            <i class="tag gray big"></i>
            <div class="fl">
                <span>1.5</span>
                <em>%</em>
            </div>
            <div class="fr">
                <label class="tm-bold">单比认筹金额满2000使用</label>
                <label>该增益券全平台通用， 投标增加年化收益率</label>
            </div>
        </div>
        <div class="coupon-time mt-5">有效期：2017-12-30至2018-01-12</div>
    </div>
</script>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script src="js/box.js"></script>
<script src="js/common.js"></script>
<script src="js/base.js"></script>
<script>
    $(function () {
        //弹出优惠券
        $.jConfirm({
            title: "恭喜你获得奖励!",
            intro: $("#couponBox").html(),
            close: false
        }, [
            {text: "我知道了", cls: "coupon-btn"}
        ], "V", null, {
            width: "250px",
            cls: {
                boxCls: "coupon-box",
                titleCls: "coupon-title",
                tipsBarCls: "coupon-tips"
            }
        });

        //轮播图
        FB.newSwiper("#banner", 1, {
            autoplay: 3000,
            pagination: ".swiper-pagination"
        });

        //进度条
        setProgress(".progress-bar");

        //签到
        var sign_num = 0;
        $("#sign").click(function () {
            sign_num++;
            FB.elementAddCls($(this).find("i.sign-tag")).show();
            $(this).find("span").text("已签到");
            if (sign_num >= 5) {
                $.jAlert.tips("连续签到<i class='tc-ff3d3d'>" + sign_num + "天</i>， <br>恭喜获得积分<i class='tc-ff3d3d'>" + sign_num * 3 + "分</i>！");
            }
        });
    })
</script>
</body>
</html>